{% extends "trees/base.html" %}
{% block title %}Who owns this {{ asset_type }}? - JM3{% endblock %}
{% block content %}
<div class="col-12 col-md-5 mx-auto" style="margin-top:10vh;">
  <div class="progress mb-4" style="height:6px;"><div class="progress-bar bg-jm3" style="width:33%"></div></div>
  <h3 class="mb-1">Who owns this {% if asset_type == 'tree' %}tree{% else %}nursery{% endif %}?</h3>
  <p class="text-muted">This helps organize your assets in the right context.</p>

  <form method="post" class="bg-white p-4 rounded shadow-sm">
    {% csrf_token %}
    <div class="d-flex flex-column gap-2">
    {% for value, label in options %}
      <label class="btn btn-outline-jm3 text-start" style="border-color:var(--jm3); color:var(--jm3);">
        <input type="radio" name="owner_type" value="{{ value }}" required>
        {{ label }}
      </label>
    {% endfor %}
    </div>
    <button type="submit" class="btn btn-jm3 btn-lg w-100 mt-3">Continue</button>
  </form>
</div>
{% endblock %}
{% block extra_js %}{% endblock %}